<template>
	<view style="">

		<view class="all_project_head_btn" style="">
			<project-button v-if="firstNoShow" :projectId="project_id" :firstAdd="first"
				stageName="项目登记"></project-button>
			<step-button :approvalLog="addFormData.approval_log" :processList="stepProcessList"
				v-if="project_id != '' && addFormData.approval_log != null"></step-button>
		</view>

		<form action="">
			<!-- 企业全称 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">企业全称</text>
				<textarea :disabled="!isSubmit" v-model="addFormData.company_name" maxlength="-1"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'" auto-height="true"
					style="width: 95%;padding: 18rpx;" @blur="checkName" />
			</view>
			<!-- 相似企业展示框 -->
			<u-popup :show="simiFirmShow" mode="center" @close="closesimiFirmShow" @open="open"
				:safeAreaInsetBottom="false">
				<view style="width: 600rpx;">
					<view class="" style="text-align: center;margin-top: 10rpx;color: #40A0F2;">
						相似企业展示
					</view>
					<scroll-view scroll-y="true" style="max-height: 600rpx;">
						<view class="all_relevant_item_text" v-for="item in simiFirmList" style="height: auto;"
							@click="goSimiFirmProject(item)">
							<view class="" style="">
								{{item.company_name}}
							</view>
							<view class="" style="margin-top: 8rpx;font-size: 26rpx;color: #40A0F2;">
								<text style="">评价类型:</text><text style="margin-left: 10rpx;">{{item.pte_show}}</text>
							</view>
						</view>
						<view class="" style="width: 100%;height: 20rpx;"></view>
					</scroll-view>
				</view>
			</u-popup>

			<view class="" v-if="isSubmit">
				<!-- 是否已立项 @blur="selectProjectBlur"-->
				<view class="info_item" style="border-bottom: 0rpx; color: #FF5A5F;font-size: 26rpx;">
					*请先搜索确认该项目是否已立项，避免重复
				</view>
				<view class="info_item" style="border: 0;margin-top: 10rpx;">
					<text class="all_text_title" style="margin-bottom: 20rpx;">项目检索</text>
					<view class="" style="margin-top: 20rpx;">
						<u--input style="margin-top: 20rpx;" placeholder="项目名称" border="surround" clearable
							@focus="selectProjectList()" class="all_new_input_style" :value="searchInfoProject"
							@input="searchInfoProjectInput"></u--input>
					</view>

					<!-- 
						<input @click="selectProjectList()" placeholder="项目名称"
						class="all_new_input_style"
							@input="searchInfoProjectInput" @blur="selectProjectBlur" placeholder-style="font-size:30rpx" :value="searchInfoProject" /> -->

				</view>
				<!-- 项目列表 -->
				<view class="user_select_plus" style="width: 650rpx;" v-show="project_select_show">

					<view class="user_select_show">
						<scroll-view scroll-y="true" style="max-height: 600rpx;padding: 10rpx;" show-scrollbar="true">
							<view class="" style="text-align: center;" v-if="project_select_list.length==0">
								{{'无内容'}}
							</view>
							<view v-else v-for="item in project_select_list" class="select_item"
								@click.stop="tapProject(item)" style="">
								{{item.project_show}}
							</view>
						</scroll-view>
					</view>
				</view>
				<!-- 是否已立项结束 -->
			</view>


			<!-- 立项年份 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title" style="margin-bottom: 20rpx;">项目年份</text>

				<picker :disabled="!isSubmit" @change="bindPickerChange" :value="default_year" :range="years_list">
					<input v-if="isSubmit" placeholder="选择项目年份"
						:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'" disabled
						placeholder-style="font-size:30rpx" :value="project_years" />
					<input v-else placeholder="选择项目年份"
						:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'" disabled
						placeholder-style="font-size:30rpx" :value="project_years" />
				</picker>

			</view>
			<!-- 立项年份 -->

			<!-- 内部业务人员选择 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">内部业务人员选择</text>
				<input @click="insiderClick()" v-if="isSubmit" disabled="true" :placeholder="input_holder"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'" style="margin-top: 39rpx;"
					placeholder-style="font-size:30rpx" :value="insider" />
				<input v-else disabled="true" :placeholder="input_holder" style="margin-top: 39rpx;"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
					placeholder-style="font-size:30rpx" :value="insider" />
			</view>
			<!-- 多层部门人员选择 -->
			<view class="user_select_plus" v-show="insider_select_show">
				<view class="tab_line">
					<scroll-view scroll-x="true" enhanced="true" style="white-space: nowrap;">
						<view class="tab_item" v-for="(item,index) in userSelectTabLine"
							:style="item.show_name == userSelectTabLine[userSelectTabLine.length-1].show_name ?'color: #128bf1;':''"
							@click="tapSelectTab(item,index)">
							{{item.show_name}}
						</view>
					</scroll-view>
				</view>

				<view class="user_select_show">
					<scroll-view scroll-y="true" style="height: 360rpx;">
						<view v-for="item in userSelectList" class="select_item" @click="tapSelector(item)"
							:style="item.is_department == 1?'color:#128bf1':''">
							{{item.show_name}}
						</view>
					</scroll-view>
				</view>
			</view>
			<!-- 多层部门人员选择结束 -->

			<!-- 外部业务人员选择 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">外部业务人员选择</text>
				<input :disabled="!isSubmit" v-model="addFormData.external_salesman" style="margin-top: 39rpx;"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
					placeholder-style="font-size:30rpx" value="" />
			</view>
			<!-- 项目编号 -->
			<view class="info_item" v-show="addFormData.project_code!=''" style="border: 0;">
				<text class="all_text_title">项目编号</text>
				<input disabled="true" v-model="addFormData.project_code" placeholder="仅限查看" style="margin-top: 39rpx;"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
					placeholder-style="font-size:30rpx" />
			</view>
			<!-- 合同编号 -->
			<view class="info_item" v-show="addFormData.contract_code!=''" style="border: 0;">
				<view class="" style="font-size: 27rpx;margin-bottom: 20rpx;"
					v-if="addFormData.contract_code == '缺少合同登记'">
					<text style="color: #FF5A5F;">*项目必须要合同登记才能进行申请结算,没有合同请填写</text>
					<text style="color: #40A0F2;" @click="getShuoMing()">情况说明表</text>
				</view>
				<text class="all_text_title">合同编号</text>
				<text v-if="addFormData.contract_code == '缺少合同登记'"
					style="margin-left: 300rpx;font-size: 26rpx;color: #40A0F2;" @click="goContract()">点击去合同登记</text>
				<input disabled="true" v-model="addFormData.contract_code" placeholder="仅限查看" style="margin-top: 39rpx;"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
					placeholder-style="font-size:30rpx" />
			</view>

			<view class="info_item" style="border-bottom: 0; color: #FF5A5F;font-size: 26rpx;">
				*只用来申请编号的外部项目无后续流程
			</view>
			<!--  项目需求 单选项 -->
			<view class="info_item" style="display: flex;align-items: flex-start;">
				<view class="all_text_title" style="width:250rpx">仅申请项目编号</view>
				<radio-group :disabled="!isSubmit" name=""
					style="transform: scale(0.8); display: flex;flex-direction: row;flex-wrap: wrap;"
					@change="setDemandType">
					<label style="margin-left: 30rpx;" v-for="item in demand">
						<radio :disabled="!isSubmit" :value="item.value"
							:checked="item.value == addFormData.demand_type" :key="item.value" />
						<text>{{ item.text }}</text>
					</label>
				</radio-group>
			</view>


			<view class="info_item" style="border-bottom: 0; color: #FF5A5F;font-size: 26rpx;">
				*请正确选择以下选项,决定流程走向,非常重要
			</view>

			<!-- 项目部门 单选项 -->
			<view class="info_item" style="display: flex;align-items: flex-start;">
				<view class="all_text_title" style="width:200rpx">负责部门</view>
				<radio-group :disabled="!isSubmit" name=""
					style="transform: scale(0.8); display: flex;flex-direction: row;flex-wrap: wrap;"
					@change="setDepartMent">
					<label style="margin-left: 30rpx;" v-for="item in departmentList">
						<radio :disabled="!isSubmit" :value="item.department_id"
							:checked="item.department_id == addFormData.department_id" :key="item.department_id" />
						<text>{{ item.department_name }}</text>
					</label>
				</radio-group>
			</view>

			<view class="info_item" style="border-bottom: 0;font-size: 26rpx; color: #2EB3FF;" @click="getAdjustList()">
				查看项目流程
			</view>

			<!-- 项目类型 单选项 -->
			<view class="info_item" style="display: flex;align-items: flex-start;">
				<view class="all_text_title" style="width:200rpx">项目类型</view>
				<radio-group :disabled="!isSubmit" name=""
					style="transform: scale(0.8); display: flex;flex-direction: row;flex-wrap: wrap;"
					@change="handleProjectTypeChange">
					<label style="margin-left: 30rpx;" v-for="item in projectTypeList">
						<radio :disabled="!isSubmit" :value="item.project_type_id" :checked="item.checked"
							:key="item.project_type_id" />
						<text>{{ item.project_type_name }}</text>
					</label>
				</radio-group>
			</view>



			<view class="info_item" style="border: 0;">
				<text class="all_text_title">评价类型</text>
				<input disabled="true" v-model="addFormData.pte_abbreviation_show" style="margin-top: 39rpx;"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'" @click="changePteShow()"
					placeholder="点击选择评价类型" placeholder-style="font-size:30rpx" value="" />
			</view>
			<!-- 多层选择 -->
			<view class="user_select_plus" v-show="pte_show">
				<view class="tab_line">
					<scroll-view scroll-x="true" enhanced="true" style="white-space: nowrap;">
						<view class="tab_item" v-for="(item,index) in pteSelectTabLine"
							:style="item.pte_name == pteSelectTabLine[pteSelectTabLine.length-1].pte_name ?'color: #128bf1;':''"
							@click="pteSelectTab(item,index)">
							{{item.pte_name}}
						</view>
					</scroll-view>
				</view>

				<view class="user_select_show">
					<scroll-view scroll-y="true" style="height: 360rpx;">
						<view v-for="item in pteSelectList" class="select_item" @click="pteSelector(item)"
							:style="item.children?'color:#128bf1':''">
							{{item.pte_name}}
						</view>
					</scroll-view>
				</view>
			</view>
			<!-- 多层选择结束 -->

			<!-- 许可类型 单选 -->
			<view class="info_item" style="display: flex;align-items: center; padding-bottom: 10rpx;">
				<text class="all_text_title">许可类型</text>
				<radio-group :disabled="!isSubmit" name=""
					style="transform: scale(0.8); display: flex;flex-direction: row;flex-wrap: wrap;"
					@change="radioChange">
					<label style="margin-left: 50rpx;" v-for="item in radiolist">
						<radio :disabled="!isSubmit" :value="item.value" :checked="item.checked" />
						<text>{{ item.text }}</text>
					</label>
				</radio-group>
			</view>
			<!-- 许可类型 单选2 -->
			<view class="info_item" v-if="addFormData.permit_type == '2'"
				style="display: flex;align-items: center;padding-bottom: 10rpx;">
				<text class="all_text_title">行业类型</text>
				<radio-group :disabled="!isSubmit" name=""
					style="transform: scale(0.8); display: flex;flex-direction: row;flex-wrap: wrap;"
					@change="radioChange2">
					<label style="margin-left: 30rpx;margin-top: 10rpx;" v-for="item in radiolist2">
						<radio :disabled="!isSubmit" :value="item.value" :checked="item.checked" />
						<text>{{ item.text }}</text>
					</label>
				</radio-group>
			</view>

			<!-- 附件上传提示 -->
			<view class="info_item" style="border-bottom: 0; color: #40A0F2;font-size: 26rpx;" @click="getMuBan()">
				<text style="color: #FF5A5F;">*请上传</text>
				<text style="color: #40A0F2;">企业情况调查表</text>
				<text style="color: #FF5A5F;">(照片或文档)</text>
			</view>

			<!-- 附件上传 -->
			<view class="info_item" style="border: 0;">
				<upload-file :isSubmit="isSubmit" :imgList="addFormData.annex" :detailsImgList="detailsImgList"
					@my-upload-change="upLoadChange"></upload-file>
			</view>
			<!-- 项目联系人 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">项目联系人</text>
				<input :disabled="!isSubmit" v-model="addFormData.contacts" style="margin-top: 39rpx;" value=""
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'" />
			</view>
			<!-- 联系电话 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">联系电话</text>
				<input :disabled="!isSubmit" v-model="addFormData.contact_number" style="margin-top: 39rpx;" value=""
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'" />
			</view>


			<!-- 是否向当地应急部门报告 -->
			<view class="info_item">
				<view class="Warptitle all_text_title" style="display: flex;flex-direction: row;">
					<text>是否向当地应急部门报告</text>
					<view class="" style="width: 10rpx;">

					</view>
					<u-icon name="question-circle" size="20" @click="topShow()"></u-icon>
				</view>
				<radio-group name="" @change="bgChange" style="display: flex;flex-wrap: wrap;">
					<label v-for="item in shifou_baogao" style="margin-left: 30rpx;">
						<radio :value="item.type" :disabled="!isSubmit" :checked="item.type==is_need_send"
							style="transform:scale(0.7)" />
						<text>{{item.name}}</text>
					</label>
				</radio-group>
			</view>

			<!-- 根据版本号控制显示区 -->
			<view v-if="addFormData.version_code == '1'">

				<!-- 是否参与投标 -->
				<view class="info_item">
					<view class="Warptitle all_text_title">参与投标</view>
					<radio-group name="" @change="bidTypeChange" style="display: flex;flex-wrap: wrap;">
						<label v-for="item in bidList" style="margin-left: 30rpx;">
							<radio :value="item.type" :disabled="!isSubmit" :checked="item.type==addFormData.is_bid"
								style="transform:scale(0.7)" />
							<text>{{item.name}}</text>
						</label>
					</radio-group>
				</view>

				<!-- 投标金额 -->
				<view class="info_item" style="position: relative; border:0;">
					<view class="Warptitle all_text_title">投标金额</view>
					<input :disabled="!isSubmit" v-model="addFormData.bid_money"
						style="margin-top: 39rpx; padding-bottom: 10rpx;" placeholder="请输入"
						:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
						placeholder-style="color:#999999;" />
					<text style="position: absolute;right: 30rpx;color: #40A0F2;bottom: 20rpx;">元</text>
				</view>


				<!-- 是否参与陪标 -->
				<view class="info_item">
					<view class="Warptitle all_text_title">参与陪标</view>
					<radio-group name="" @change="markTypeChange" style="display: flex;flex-wrap: wrap;">
						<label v-for="item in markList" style="margin-left: 30rpx;">
							<radio :value="item.type" :disabled="!isSubmit" :checked="item.type==addFormData.is_mark"
								style="transform:scale(0.7)" />
							<text>{{item.name}}</text>
						</label>
					</radio-group>
				</view>

				<!-- 陪标表格 -->
				<view class="info_item" v-if="addFormData.is_mark == '1'">
					<view class=""
						style="display: flex;flex-direction: row; justify-content: space-between;align-items: center;">
						<view class="Warptitle all_text_title">陪标表格</view>
						<view v-if="isSubmit" class="all_drawer_show" @click="addMark()">
							添加
						</view>
					</view>
					<view class="line" style="background: #F7F7F7;margin-top: 34rpx;">
						<view class="line_item" style="width: 196rpx;">公司名称</view>
						<view class="line_item" style="width: 196rpx;">陪标金额
							<text style="font-size: 20rpx;color: #40A0F2;">(元)</text>
						</view>
						<view class="line_item" style="width: 196rpx;">退回金额
							<text style="font-size: 20rpx;color: #40A0F2;">(元)</text>
						</view>
					</view>
					<view class="line" style="color: #666666;" v-for="(item, index) in mark_lable">
						<view class="line_item" style="width: 220rpx;">
							<input :disabled="!isSubmit" type="text" v-model="item.name" />
						</view>
						<view class="line_item" style="width: 220rpx;">
							<input :disabled="!isSubmit" type="text" v-model="item.money" />
						</view>
						<view class="line_item" style="width: 220rpx;">
							<input :disabled="!isSubmit" type="text" v-model="item.return_money" />
						</view>
						<view class="line_item" style="width: 100rpx;color: #128BF1;" @click="deleteUser(index)">
							删除
						</view>
					</view>
				</view>
			</view>




			<!-- 备注-->
			<view class="info_item" style="border-bottom: 0;margin-bottom: 200rpx;">
				<text class="all_text_title">备注</text>
				<textarea :disabled="!isSubmit" v-model="addFormData.remark" class="texta" maxlength="-1"
					auto-height="true" />
			</view>

			<view class="info_item" v-if="addFormData.is_approval == 1" style="border-bottom: 0;margin-bottom: 200rpx;">
				<text class="all_text_title">审批备注</text>
				<textarea v-model="approval_remark" class="texta" maxlength="-1" auto-height="true" />
			</view>
			<view style="width: 100%;height: 200rpx;"></view>
			<!-- 底部按钮 -->
			<view class="" v-if="allBtnShow">


				<view class="bottom" v-if="addFormData.is_edit != 1">
					<button class="bottom_btn" @click="this.handleSubmit('1')"
						style="background: #CCCCCC; width: 380rpx;" form-type="reset">
						保存草稿
					</button>
					<button class="bottom_btn"
						style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
						@click="this.handleSubmit('0')" form-type="submit">
						提交
					</button>
				</view>
				<!-- 可撤回时显示 -->
				<view class="bottom"
					v-if="addFormData.is_edit == 1 && addFormData.withdraw_status == 1 && addFormData.is_approval != 1">
					<button class="bottom_btn" @click="handleWithdraw()" style="background: #DD524D; width: 100%;"
						form-type="reset">
						撤回
					</button>
				</view>
				<!-- 审批 -->
				<view class="bottom" v-if="addFormData.is_approval == 1 && addFormData.withdraw_status != 1">
					<button class="bottom_btn" @click="handleExamine('-1')" style="background: #CCCCCC; width: 380rpx;"
						form-type="reset">
						驳回
					</button>
					<button class="bottom_btn"
						style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
						@click="handleExamine('1')" form-type="submit">
						审批通过
					</button>
				</view>
				<!-- 可撤回时显示 -->
				<view class="bottom2" v-if="addFormData.is_approval == 1 && addFormData.withdraw_status == 1">
					<button class="bottom_btn2" @click="handleWithdraw()" style="background: #FF5A5F; margin-left: 0;"
						form-type="reset">
						撤回
					</button>
					<button class="bottom_btn2" @click="handleExamine('-1')"
						style="background: #CCCCCC;margin-left: 33%;" form-type="reset">
						驳回
					</button>
					<button class="bottom_btn2"
						style="background: linear-gradient(0deg, #037CE3, #2EB3FF);margin-left: 66%;"
						@click="handleExamine('1')" form-type="submit">
						审批通过
					</button>
				</view>

			</view>
		</form>



		<!-- 新手引导 -->
		<!-- <u-overlay :show="guide_show" opacity="0.1" @click="">
			<view class="guide_class_1" v-if="guide1_show">
				<view class="text1">
					用户指引1:
				</view>
				<view class="text1">点击下方按钮可展开详情</view>
			</view>
			<view class="on_button1" @click="guideGo('1')"></view>

			<view class="guide_class_2" v-if="guide2_show">
				<view class="text1">
					用户指引2:
				</view>
				<view class="text1">点击对应申请类型可创建申请</view>
				<view class="text1">例如:点击报销</view>
			</view>
			<view class="on_button2" @click="guideGo('2')" v-if="guide2_show"></view>
		</u-overlay> -->

	</view>
</template>

<script>
	import UploadFile from '@/components/upload-file.vue';
	import ProjectButton from '@/components/project-button.vue';
	import StepButton from '@/components/step-button.vue';
	export default {
		data() {
			return {
				demand: [{
						value: '2',
						text: '是'
					},
					{
						value: '1',
						text: '否'
					},

				],


				first: '1',
				stepProcessList: {
					stage_code: '',
					project_id: ''
				},
				// -------多级人员选择
				userSelectTabLine: [{
					show_name: '部门选择'
				}],
				userSelectList: [],

				input_holder: '点击选择人员(单选)',
				charge: '', //技术负责人
				charge_select_show: false, //技术负责人选择框显示
				insider_select_show: false, //内部人员选择显示
				department: [{
						//技术负责人部门
						id: 0,
						name: '安评部',
						style: ''
					},
					{
						id: 1,
						name: '职评部',
						style: ''
					},
					{
						id: 2,
						name: '环评部',
						style: ''
					}
				],
				insider_department: [
					//内部业务
					{
						id: 0,
						name: '安评部',
						style: ''
					},
					{
						id: 1,
						name: '职评部',
						style: ''
					},
					{
						id: 2,
						name: '环评部',
						style: ''
					}
				],
				department_user: [],
				insider_user: [],
				anping: [],
				zhiping: [],
				huanping: [],
				radiolist: [{
						value: '2',
						text: '许可类'
					},
					{
						value: '1',
						text: '一般类'
					}
				],
				radiolist2: [{
						value: '1',
						text: '危化'
					},
					{
						value: '2',
						text: '冶金'
					},
					{
						value: '3',
						text: '矿山'
					}
				],
				company_id: '',
				member_id: '',
				token: '',

				// ******人员选择*******
				selectClassId: '',
				userList: [],
				insider: '', //内部业务人员
				insiderId: '', //内部业务人员Id
				// ******人员选择*******

				projectTypeList: [],
				addFormData: {
					// 企业全称
					company_name: '',
					// 项目类型id
					project_type_id: '',
					// 许可类型
					permit_type: '',
					permit_type_sub: '',
					// 内部业务员id
					inside_salesman: {
						nickname: '',
						member_id: ''
					},
					// 外部业务员
					external_salesman: '',
					// 联系人
					contacts: '',
					// 联系电话
					contact_number: '',
					// 附件
					annex: [],
					// 项目登记备注
					remark: '',
					detailsImgList: [],
					submitImgList: [],
					project_code: '',
					contract_code: '',
					department_id: '', //项目部门id
					pte_abbreviation_show: '', //评价类型名称
					pte_id: '', //评价类型id
					pte_else: '', //其他评价类型
					approval_log: {
						nickname: ''
					},
					is_reg: '', //（单选） 1立项（是否）
					is_bid: '0', //（单选）1参与投标（是否）
					bid_money: '', //（输入框）投标金额
					is_mark: '0', //（单选）1参与陪标（是否）
					mark_json: [], //（表格）陪标json字符串
					version_code: '1', //根据版本号显示区域
					demand_type: '1', //默认为正常项目
				},
				project_id: '',
				// 审批备注
				approval_remark: '',
				isSubmit: true,
				isAdd: '',
				departmentList: [], //项目部门
				pingjiaList: [], //评价类型
				simiFirmList: [], //相似企业
				simiFirmShow: false,

				mark_lable: [],
				pte_show: false,
				pteSelectTabLine: [{
					pte_name: '评价类型'
				}],
				pteSelectList: [],
				regList: [{
						name: '是',
						type: '1'
					},
					{
						name: '否',
						type: '0'
					}
				],
				bidList: [{
						name: '是',
						type: '1'
					},
					{
						name: '否',
						type: '0'
					}
				],
				markList: [{
						name: '是',
						type: '1'
					},
					{
						name: '否',
						type: '0'
					}
				],

				// 打开页面时如果有财务id让所有按钮隐藏,待信息请求完后再显示
				allBtnShow: true,

				// 新建项目时不显示按钮
				firstNoShow: false,

				fab_open: '', //是否通过指引打开按钮 0否1是
				guide_show: false,
				guide1_show: true,
				guide2_show: false,

				shifou_baogao: [ //是否向当地应急部门报告
					{
						name: '是',
						type: '1'
					},
					{
						name: '否',
						type: '0'
					}
				],
				is_need_send: '0',

				project_select_show: false,
				project_select_list: [],
				searchInfoProject: '',

				years_list: [],
				years_show: false,
				project_years: '',
				default_year: ''
			};
		},
		async onLoad(options) {
			this.token = uni.getStorageSync('btlh_process_token') || '';
			this.member_id = uni.getStorageSync('btlh_process_member_id') || '';
			this.company_id = uni.getStorageSync('bthl_process_LoginCompanyId') || '';
			this.getUserList();
			this.getProjectTypeList();
			this.getDepartmentList();
			this.getPingJiaList();
			this.getYears();
			this.project_id = options.project_id || '';
			this.isAdd = options.isAdd || '';
			console.log(this.project_id);
			// 建立按钮的监听事件
			this.getProjectList()
			if (this.project_id) {
				this.firstNoShow = true;
				this.allBtnShow = false;
				this.first = '0';
				this.getProjectDetails();
				// this.getGuidance();
			}

		},
		// 移除按钮的监听事件
		// onUnload() {
		// 	uni.$off('pro-btn-show', this.guideBtnShow)
		// },
		//#ifdef MP-WEIXIN
		onShareAppMessage() {
			return {
				title: this.addFormData.company_name,
				path: '/packageProject/pages/project/projectRegist?project_id=' + this.project_id
			}
		},
		//#endif
		components: {
			UploadFile,
			ProjectButton,
			StepButton,
		},
		methods: {
			bindPickerChange(e) {
				console.log(e)
				this.project_years = this.years_list[parseInt(e.detail.value)]
			},
			// 获取年份
			async getYears() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/years',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,

					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});

				for (let l = 0; l < res.datas.listInfo.length; l++) {
					var element = res.datas.listInfo[l];
					this.years_list[l] = element.year;
					if (element.is_default == 1) {
						this.default_year = l;
					}
				}
			},

			tapProject(item) {
				this.searchInfoProject = item.project_show;
				this.project_select_show = false;
			},
			searchInfoProjectInput(e) {
				console.log(e)
				// this.searchInfoProject=e.detail.value;
				this.searchInfoProject = e;
				this.getProjectList()
			},
			// 获取项目列表
			async getProjectList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/simple_project',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						search: this.searchInfoProject,
						type: '1',
						is_app: '1'
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});

				this.project_select_list = res.datas.listInfo;

			},
			selectProjectBlur() {
				this.project_select_show = false;
			},


			topShow() {
				uni.showModal({
					title: '提示',
					content: '选择"是"后，该项目在申请报告用章时要提交向应急部门报告的截图',
					showCancel: false,
					success: function(res) {
						if (res.confirm) {
							console.log('用户点击确定');
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},

			bgChange(e) {
				console.log(e)
				this.is_need_send = e.detail.value;
			},



			// 点击前往相似企业项目
			goSimiFirmProject(item) {
				uni.navigateTo({
					url: 'projectRegist?project_id=' + item.project_id
				})
			},
			// 指引点击事件
			guideGo(val) {
				switch (val) {
					// 第一步
					case '1':
						this.fab_open = '1';
						this.guide1_show = false;
						this.guide2_show = true;
						break;
						// 第一步
					case '2':
						this.fab_open = '0';
						this.guide_show = false;
						this.guide1_show = false;
						this.guide2_show = false;
						uni.navigateTo({
							url: '/pages/finnace/finnaceDispatch?projectId=' + this.project_id + '&projectName=' +
								this.addFormData.company_name + '&openGuide=1',
						})
						break;
				}
			},

			// post User/get_guidance获取对应的用户引导是否已经查看过
			async getGuidance() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'User/get_guidance',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id
					}
				});
				console.log(res.datas.info.is_mobile_project_to_finance)
				if (res.datas.info.is_mobile_project_to_finance == '0') {
					this.guide_show = true;
				}
			},

			// 设置项目需求
			setDemandType(e) {
				this.addFormData.demand_type = e.detail.value;
			},

			isAllBtnShow(e) {
				this.allBtnShow = e;
			},
			// 前往合同登记
			goContract() {
				uni.navigateTo({
					url: '/pages/finnace/finnaceContract?project_id=' + this.addFormData.project_id +
						'&company_name=' + this.addFormData.company_name
				})
			},

			//评价类型tab点击
			pteSelectTab(item, index) {
				// 判断是否点击第一个元素
				if (index == 0) {
					this.pteSelectList = this.pingjiaList;
					this.pteSelectTabLine = [{
						pte_name: '评价类型'
					}]
				} else {
					this.pteSelectTabLine = this.pteSelectTabLine.slice(0, index + 1);
					this.pteSelectList = item.children;
				}
			},
			// 评价类型选择
			pteSelector(item) {
				// 判断是否还有子层级
				if (item.children) {
					this.pteSelectList = item.children;
					this.pteSelectTabLine.push(item);
				} else {
					this.addFormData.pte_id = item.pte_id;
					this.addFormData.pte_abbreviation_show = item.pte_name;
					this.pte_show = false;
				}
			},
			//控制评价类型选择框展示
			changePteShow() {
				if (!this.isSubmit) {
					return
				} else {
					this.pte_show = !this.pte_show;
				}

			},
			// 设置评价类型
			setPingJia(e) {
				this.addFormData.pte_id = e.detail.value
			},
			// 获取评价类型
			async getPingJiaList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Management/pte_list',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.pingjiaList = res.datas.listInfo;
				this.pteSelectList = this.pingjiaList;
				console.log('评价类型', this.pingjiaList);
			},


			// 删除陪标栏
			deleteUser(index) {
				if (!this.isSubmit) {
					return
				}
				this.mark_lable.splice(index, 1);
			},
			// 添加陪标栏
			addMark() {
				this.mark_lable.push({
					name: '',
					money: '',
					return_money: ''
				})
			},

			// 切换是否立项
			regTypeChange(e) {
				this.addFormData.is_reg = e.detail.value
			},
			bidTypeChange(e) {
				this.addFormData.is_bid = e.detail.value
			},
			markTypeChange(e) {
				this.addFormData.is_mark = e.detail.value
			},

			// 点击复制情况说明表
			getShuoMing() {
				uni.setClipboardData({
					data: 'http://control.sxpz.vip/Template/未拿回合同说明.doc',
					success: function() {
						uni.showToast({
							title: '链接复制成功'
						})
					}
				});
			},

			// 点击复制模板链接
			getMuBan() {
				uni.setClipboardData({
					data: 'http://control.sxpz.vip/Template/企业情况调查表.doc',
					success: function() {
						uni.showToast({
							title: '链接复制成功'
						})
					}
				});
			},

			// 项目登记名称检测
			async checkName() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/project_name_check',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						company_name: this.addFormData.company_name
					}
				});
				if (res.datas.listInfo.length != 0) {
					// uni.showToast({
					// 	title: '检测到相似企业',
					// 	icon: 'none'
					// })

					this.simiFirmList = res.datas.listInfo;
					this.simiFirmShow = true;
				}
				console.log(res.datas.msg)
			},
			// 关闭相似企业弹窗
			closesimiFirmShow() {
				this.simiFirmShow = false;
			},


			// 查看项目流程
			getAdjustList() {
				uni.navigateTo({
					url: 'projectProcess?stage_code=11&project_type=' + this.addFormData.department_id +
						'&permit_type=' + this.addFormData.permit_type + '&permit_type_sub=' + this.addFormData
						.permit_type_sub
				})
			},
			// tab点击
			tapSelectTab(item, index) {
				// 判断是否点击第一个元素
				if (index == 0) {
					this.userSelectList = this.userList;
					this.userSelectTabLine = [{
						show_name: '部门选择'
					}]
				} else {
					this.userSelectTabLine = this.userSelectTabLine.slice(0, index + 1);
					this.userSelectList = item.children;
				}
			},

			// 多级列表点击
			tapSelector(item) {
				// 0不是部门 1是部门
				if (item.is_department == 0) {
					this.insider = item.show_name;
					this.insiderId = item.id;
					this.insider_select_show = false;
				} else if (item.is_department == 1) {
					this.userSelectList = item.children;
					//判断如果部门已加入tab栏则不加入
					if (!this.userSelectTabLine.includes(item)) {
						this.userSelectTabLine.push(item);
					}
				}
			},



			// 点击撤回
			async handleWithdraw() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/withdraw',
					method: 'GET',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						project_id: this.project_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.navigateBack({
					delta: 1
				})
			},

			// 项目部门选择
			setDepartMent(e) {
				this.addFormData.department_id = e.detail.value
			},
			// 获取项目部门
			async getDepartmentList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/is_business_department',
					method: 'GET',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.departmentList = res.datas.listInfo;
				console.log('项目部门', this.departmentList);
			},
			// *审批项目
			async handleExamine(val) {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/project_reg_approval',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,

						project_id: this.project_id,
						approval_status: val,
						remark: this.approval_remark
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
				/* uni.navigateTo({
					url: `/packageProject/pages/project/projectManagement`
				}); */
				uni.navigateBack({
					delta: 1
				})
			},

			// *获取项目详情
			async getProjectDetails() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/project_reg_detail',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,

						project_id: this.project_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.addFormData = res.datas.info;
				this.stepProcessList.project_id = this.addFormData.project_id;
				this.stepProcessList.stage_code = this.addFormData.project_status;
				this.is_need_send = this.addFormData.is_need_send;
				this.project_years = this.addFormData.project_years;
				if (this.addFormData.mark_json != null) {

					this.mark_lable = JSON.parse(this.addFormData.mark_json);
				}
				// 判断禁用
				if (this.addFormData.is_draft != '1' && this.addFormData.is_edit == '1') {
					this.isSubmit = false;
				}
				this.isAllBtnShow(true);
				console.log('禁用状态', this.isSubmit);
				// 处理文件
				if (this.addFormData.annex) {
					this.detailsImgList = this.addFormData.annex;
					this.submitImgList = this.addFormData.annex;
					// console.log('this.detailsImgList ',this.detailsImgList )
					// console.log('this.submitImgList',this.submitImgList)
					// console.log('this.addFormData.annex',this.addFormData.annex)
				}
				// 处理项目类型
				this.projectTypeList.forEach(items => {
					if (this.addFormData.project_type_id == items.project_type_id) {
						items.checked = true;
					}
				});
				// 处理许可类型
				this.radiolist.forEach(items => {
					if (this.addFormData.permit_type == items.value) {
						items.checked = true;
					}
				});
				// 处理行业类型
				this.radiolist2.forEach(items => {
					if (this.addFormData.permit_type_sub == items.value) {
						items.checked = true;
					}
				});
				// 处理内部人员
				if (this.addFormData.inside_salesman) {
					this.insider = this.addFormData.inside_salesman.nickname;
					this.insiderId = this.addFormData.inside_salesman.member_id;
					console.log('iiiiiiiiii' + this.insider)
					if (this.insider == undefined) {
						this.input_holder = ''
					}
				}
				console.log('项目登记详情', this.addFormData);
				// 处理项目编号
				if (this.addFormData.project_code) {}
			},


			// 提交项目
			async handleSubmit(val) {
				this.isAllBtnShow(false);
				uni.showLoading({
					title: '请稍等...'
				})
				if (this.project_id) {
					// 编辑
					const {
						data: res
					} = await this.$myRequest({
						url: 'Project/project_reg_edit',
						method: 'POST',
						data: {
							member_id: this.member_id,
							token: this.token,
							company_id: this.company_id,
							project_id: this.project_id,

							is_draft: val,
							company_name: this.addFormData.company_name,
							project_type_id: this.addFormData.project_type_id,
							permit_type: this.addFormData.permit_type,
							permit_type_sub: this.addFormData.permit_type_sub,
							inside_salesman: this.insiderId,
							external_salesman: this.addFormData.external_salesman,
							contacts: this.addFormData.contacts,
							contact_number: this.addFormData.contact_number,
							annex: JSON.stringify(this.submitImgList),
							remark: this.addFormData.remark,
							department_id: this.addFormData.department_id,
							pte_id: this.addFormData.pte_id,
							pte_else: this.addFormData.pte_else,


							is_reg: this.addFormData.is_reg,
							is_bid: this.addFormData.is_bid,
							bid_money: this.addFormData.bid_money,
							is_mark: this.addFormData.is_mark,
							mark_json: JSON.stringify(this.mark_lable),

							demand_type: this.addFormData.demand_type,

							is_need_send: this.is_need_send,
							project_years: this.project_years
						}
					});
					if (res.code != 200) {
						this.isAllBtnShow(true);
						return uni.showToast({
							title: res.datas.msg,
							icon: 'none'
						});
					}
					uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
					/* uni.navigateTo({
						url: `/packageProject/pages/project/projectManagement`
					}); */
					uni.navigateBack({
						delta: 1
					});
				} else {

					// 新增
					const {
						data: res
					} = await this.$myRequest({
						url: 'Project/project_reg',
						method: 'POST',
						data: {
							member_id: this.member_id,
							token: this.token,
							company_id: this.company_id,

							is_draft: val,
							company_name: this.addFormData.company_name,
							project_type_id: this.addFormData.project_type_id,
							permit_type: this.addFormData.permit_type,
							permit_type_sub: this.addFormData.permit_type_sub,
							inside_salesman: this.insiderId,
							external_salesman: this.addFormData.external_salesman,
							contacts: this.addFormData.contacts,
							contact_number: this.addFormData.contact_number,
							annex: JSON.stringify(this.submitImgList),
							remark: this.addFormData.remark,
							department_id: this.addFormData.department_id,
							pte_id: this.addFormData.pte_id,
							pte_else: this.addFormData.pte_else,

							is_reg: this.addFormData.is_reg,
							is_bid: this.addFormData.is_bid,
							bid_money: this.addFormData.bid_money,
							is_mark: this.addFormData.is_mark,
							mark_json: JSON.stringify(this.mark_lable),

							demand_type: this.addFormData.demand_type,

							is_need_send: this.is_need_send,
							project_years: this.project_years
						}
					});
					if (res.code != 200) {
						this.isAllBtnShow(true);
						return uni.showToast({
							title: res.datas.msg,
							icon: 'none'
						});
					}
					uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
					/* uni.navigateTo({
						url: `/packageProject/pages/project/projectManagement`
					}); */
					uni.navigateBack({
						delta: 1
					})
				}
			},

			// 文件上传
			upLoadChange(data) {
				console.log('文件列表', data);
				this.submitImgList = data;
			},
			// 行业类型选择
			radioChange2(e) {
				this.addFormData.permit_type_sub = e.detail.value;
			},
			// 许可类型选择
			radioChange(e) {
				this.addFormData.permit_type = e.detail.value;
			},
			// 项目类型选择
			handleProjectTypeChange(e) {
				// console.log(this.projectTypeList)
				// console.log('e', e.detail.value)
				this.addFormData.project_type_id = e.detail.value;
				console.log(this.addFormData.project_type_id);
			},
			// 获取项目类型
			async getProjectTypeList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/project_type',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.projectTypeList = res.datas.listInfo;
				console.log('项目类型(下拉)', this.projectTypeList);
			},

			// ******人员选择*******
			// 获取人员列表
			async getUserList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Management/simple_member',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.userList = res.datas.listInfo;
				this.userSelectList = this.userList;
				// 数组反转将部门放在前
				for (let i = 0; i < this.userSelectList.length; i++) {
					this.userSelectList[i].children.reverse();
				}
				console.log('用户列表(选择框)', this.userList);
			},
			// 设置内部人员
			setInsider(item) {
				this.insider = item.show_name;
				this.insiderId = item.id;
				this.insider_select_show = false;
			},
			// 获取内部人员
			getInsider(item) {
				if (item.is_department == 0) {
					this.insider = item.show_name;
					this.insiderId = item.id;
					this.insider_select_show = false;
					return;
				}
				this.selectClassId = item.id;
				// console.log(this.selectClassId)
				this.insider_user = item.children;
			},
			// 内部人员选择点击
			insiderClick() {
				this.insider_select_show = !this.insider_select_show;
				// this.getInsider(this.insider_department[0])
			},
			// ******人员选择*******

			// 点击是否已立项
			selectProjectList() {
				console.log('点击输入')
				this.project_select_show = !this.project_select_show;
			},

			// 设置技术负责人
			setPerson(item) {
				this.charge = item;
				this.charge_select_show = false;
			},
			// 获取技术负责人
			getPerson(item) {
				for (let i = 0; i < this.department.length; i++) {
					this.department[i].style = '';
				}
				switch (item.id) {
					case 0:
						this.department_user = this.anping;
						item.style = 'color:#1A8FF1;';
						break;
					case 1:
						this.department_user = this.zhiping;
						item.style = 'color:#1A8FF1;';
						break;
					case 2:
						this.department_user = this.huanping;
						item.style = 'color:#1A8FF1;';
						break;
				}
			},
			// 点击技术负责人选择框
			selectCharge() {
				this.charge_select_show = !this.charge_select_show;
				this.getPerson(this.department[0]);
			},
			// 点击右下文件按钮
			fbtnClick() {
				console.log('22');
			},
			// 点击返回
			back() {
				if (this.isAdd) {
					return uni.navigateBack({
						delta: 1
					});
				}

				uni.redirectTo({
					url: '/packageProject/pages/project/projectManagement'
				});
			}
		}
	};
</script>

<style lang="scss">
	page {
		background-color: #FFFFFF;
	}

	.guide_class_2 {
		position: fixed;
		top: 720rpx;
		left: 50rpx;
		padding: 10rpx;
		border-radius: 20rpx;
		background-color: #333333;
		box-sizing: content-box;

		.text1 {
			height: 50rpx;
			color: #FFFFFF;
			font-size: 26rpx;
			text-align: center;
			line-height: 50rpx;
		}
	}

	.guide_class_1 {
		position: fixed;
		bottom: 300rpx;
		right: 30rpx;
		width: 300rpx;
		border-radius: 20rpx;
		background-color: #333333;
		box-sizing: content-box;

		.text1 {
			height: 50rpx;
			color: #FFFFFF;
			font-size: 26rpx;
			text-align: center;
			line-height: 50rpx;
		}
	}

	// 覆盖button的透明按钮
	.on_button1 {
		width: 140rpx;
		height: 140rpx;
		position: fixed;
		bottom: 130rpx;
		right: 20rpx;
		// background-color: #0066CC;
		// opacity: 0;
	}

	// 覆盖button的透明按钮
	.on_button2 {
		width: 130rpx;
		height: 130rpx;
		position: fixed;
		top: 570rpx;
		left: 46rpx;
		// background-color: #0066CC;
		// opacity: 0.3;
	}

	// 指引箭头
	.look_this {
		width: 40rpx;
		height: 40rpx;
		margin-top: 40rpx;
		background-color: #4CD964;
		transform: rotate(-45deg);
	}



	.line_item {
		width: auto;
		height: 52rpx;
		border: 1rpx solid #ebebeb;
		line-height: 52rpx;
		text-align: center;
	}

	.line {
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		display: flex;
		flex-direction: row;
	}

	// 多层部门人员选择
	.user_select_plus {
		width: 550rpx;
		height: auto;
		position: absolute;
		background: #ffffff;
		// top: 575rpx;
		left: 30rpx;
		z-index: 999;
		border-radius: 10rpx;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);

		// 顶部选择栏
		.tab_line {
			width: 100%;
			display: flex;
			border-bottom: 1rpx solid #E4E7ED;

			.tab_item {
				height: 70rpx;
				display: inline-block;
				line-height: 70rpx;
				margin-left: 30rpx;
				font-size: 28rpx;
			}
		}

		// 内容展示框
		.user_select_show {

			.select_item {
				// height: 60rpx;
				display: flex;
				align-items: center;
				border-bottom: 1rpx solid #E4E7ED;
				font-size: 26rpx;
				padding: 10rpx;
			}
		}
	}



	// 人员选择
	.user_select {
		width: 550rpx;
		height: auto;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10rpx;
		overflow: hidden;
		position: absolute;
		left: 170rpx;
		z-index: 100;

		.firm_name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			text-align: center;
			margin-top: 21rpx;
		}

		.department {
			width: 288rpx;
			margin-left: 41rpx;
		}

		.person {
			width: 261rpx;
			margin-left: 41rpx;
		}

		.info_text {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
			margin-bottom: 30rpx;
		}

		.user_name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			margin-bottom: 30rpx;
		}
	}

	.fbtn {
		position: fixed;
		left: 592rpx;
		bottom: 120rpx;
		z-index: 5;

		image {
			width: 134rpx;
			height: 134rpx;
		}
	}

	.file_name {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		margin-left: 19rpx;
	}

	.uptext {
		font-size: 20rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #128bf1;
		margin-left: 10rpx;
	}

	.bottom {
		width: 100%;
		height: 88rpx;
		position: fixed;
		bottom: 0;
		z-index: 999;
	}

	.bottom_btn {
		width: 375rpx;
		height: 88rpx;
		margin-left: 0;
		border-radius: 0;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #ffffff;
	}

	.bottom2 {
		width: 100%;
	}

	.bottom_btn2 {
		width: 34%;
		height: 88rpx;
		border-radius: 0;
		position: fixed;
		bottom: 0;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #ffffff;
		z-index: 999;
	}

	.texta {
		width: 690rpx;
		height: 225rpx;
		background: #f7f7f7;
		margin-top: 30rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}

	.info_item {
		width: 690rpx;
		height: auto;
		border-bottom: 1rpx solid #e3e3e3;
		margin-left: 30rpx;
		margin-top: 44rpx;

		.Warptitle {
			margin: 44rpx 0 40rpx;
		}

		.selectEdit {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.client_type {
			width: 100%;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			// margin-bottom: 14rpx;
			// margin-left: 85rpx;
		}

		.info_img {
			width: 25rpx;
			height: 13rpx;
		}
	}

	.head_text {
		width: 100%;
		height: 128rpx;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 160rpx;
		text-align: center;
	}


	.client_project_change {
		width: 550rpx;
		height: 490rpx;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10px;
		padding: 20rpx;
		// position: absolute;
		// top: -100rpx;
		// right: 0rpx;
		// z-index: 99;

		.searchInput {
			display: flex;
			flex-direction: row;

			.sInput {
				width: 450rpx;
				height: 60rpx;
				padding-left: 15rpx;
				border-radius: 60rpx 0 0 60rpx;
				background-color: #f7f7f7;
			}

			.sousuo_img {
				width: 100rpx;
				height: 60rpx;
				border-radius: 0 60rpx 60rpx 0;
				background: #f7f7f7;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}

		.item_info {
			width: 100%;
			height: 60rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 60rpx;
		}
	}

	// ******人员选择*******
	.selectClass {
		color: #1a8ff1 !important;
	}

	// ******人员选择*******
</style>